<template>
  <q-layout view="lHh Lpr LFf">    
    <my-header></my-header>
    <my-drawer></my-drawer>
    <q-page-container>
      <router-view />
    </q-page-container>
    <q-layout-footer>
      <q-tabs align="justify" position="bottom" inverted>
        <q-route-tab slot="title" label="0. 营销" :to="'/event/'+$route.params.id+'/setting'"/>
        <q-route-tab slot="title" label="1. 报名" :to="'/event/'+$route.params.id+'/sign'"/>
        <q-route-tab slot="title" label="2. 筛选" :to="'/event/'+$route.params.id+'/play'"/>
        <q-route-tab slot="title" label="3. 签到" :to="'/event/'+$route.params.id+'/check'"/>
        <q-route-tab slot="title" label="4. 统计" :to="'/event/'+$route.params.id+'/summary'"/>
      </q-tabs>
    </q-layout-footer>
  </q-layout>
</template>

<script>
import MyHeader from "../components/MyHeader.vue";
import MyDrawer from "../components/MyDrawer.vue";

export default {
  name: 'EventLayout',
  components: { MyHeader, MyDrawer }
}
</script>
